<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS三大特性</title>
    <style>
        div {
            color: red;
            background-color: #4b6aff;
        }

        p {
            color: gold;
        }
        
    </style>
</head>
<body>
<!--
层叠性:如果发生了样式冲突,那么一定会根据一定的规则(选择器优先级),进行样式的层叠,覆盖
  什么是样式冲突? --元素的同一个样式名,被设置了不同的值,这就是冲突

继承性:元素自动拥有父元素或某个祖先元素上所设置的某些样式
规则:优先继承离得近的
常用的可继承的属性:text-??,font-??,line-??,color

优先级:
简单聊:!important > 行内样式 >ID选择器 >类选择器 >元素选择器 >通用选择器* >继承的样式
详细聊:需要计算特异性(权重)
-->
<div>
    你好
    <span>我不好</span>
    <p><span>为什么不好</span></p>
</div>

</body>


</html>